html{
    font-size: 62.5%;
    color: #757575;
    font-family: '微软雅黑';
}
main{
    width: 100%;
    margin-bottom: 40px;
}
/* 图片*/
.figure{
    width: 90%;
    margin: 0 auto;
    margin-top: 6rem;
}
.figure_img{
    max-width: 100%;
}

@media only screen and (max-width:50rem){
    .figure{
        width: 90%;
        margin-top: 4rem;
    }
}
/* 文章 */
.article{
    width: 52%;
    font-family: 'raleway';
    margin: auto;
    margin-top: 6rem;
}
.article h1{
    font-size: 1.6rem;
    color: #666;
    text-align: center;
    font-weight: normal;
    margin-bottom: 4rem;
}
.article p{
    font-size: 1.3rem;
    color: #808080;
    text-align: center;
    line-height: 3rem;
    text-indent: 2em;
}

/* 列表 */
.goodsList{
    width: 90%;
    margin: 6rem auto;
}

.goodsList_ul{
    width: 100%;
    list-style: none;
    padding: 0px;
    /* 定位 */
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.goodsList_ul li{
    width:calc(100%/4);
    cursor: pointer;
}
.figure img{
    width: 100%;
}

.figcaption h6{
    color: #494949;
    font-size: 1.6rem;
    text-align: center;
    font-weight: normal;
    margin: 0px;
}

.figcaption p{
    color: #aaa;
    font-size: 1.6rem;
    text-align: center;
    font-family: '黑体';
}

/* 响应式 */
@media only screen and (max-width:50em){
    .goodsList_ul li{
        width:calc(100%/2)
    }
}

@media only screen and (max-width:30em){
    .goodsList_ul li{
        width:calc(100%)
    }
}
